﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>同学通讯录</title>
    <link href="~/Content/frozenui-1.3.0/frozen.css" rel="stylesheet" />
    <link href="~/Content/frozenui-1.3.0/fronzen-self.css" rel="stylesheet" />
    <style>
        /*html, body {
            height: 100%;
            overflow: hidden;
        }*/

        /*section.ui-container {
            position: absolute;
            top: 0px;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: auto;
        }*/
        a.phoneClass {
            margin-left: 113px;
        }
    </style>
</head>
<body ontouchstart="">
    <header class="ui-header ui-header-positive ui-border-b">
        <span>同学通讯录</span>
        <a href="@Url.Action("Search")" class="ui-right">
            <span class="ui-icon-search ui-txt-white ui-font-size40"></span>
        </a>
    </header>
    <footer class="ui-footer ui-footer-btn">
        <ul class="ui-tiled ui-border-t">
            <li data-href="@Url.Action("Index")" class="ui-border-r"><div>首页</div></li>
            <li data-href="@Url.Action("Self")" class="ui-border-r"><div>自己</div></li>
            <li data-href="@Url.Action("About")"><div>关于</div></li>
            <li data-href="@Url.Action("Setting")"><div>设置</div></li>
        </ul>
    </footer>
    @RenderBody()
    <script src="~/Scripts/frozenui-1.3.0/zepto.min.js"></script>
    <script src="~/Scripts/frozenui-1.3.0/frozen.js"></script>
    <script>
        $('.ui-list li,.ui-tiled li').click(function () {
            if ($(this).data('href')) {
                location.href = $(this).data('href');
            }
        });
    </script>
    @if (IsSectionDefined("JavascriptSection"))
    {
        @RenderSection("JavascriptSection")
    }
</body>
</html>